<p:dialog xmlns="http://www.w3.org/1999/xhtml"
      	  xmlns:h="http://java.sun.com/jsf/html"
      	  xmlns:f="http://java.sun.com/jsf/core"
      	  xmlns:ui="http://java.sun.com/jsf/facelets"
      	  xmlns:p="http://primefaces.org/ui"
      	  modal="true"  resizable="true" width="40%"
		  widgetVar="dialogManterProduto" id="idDialogManterProduto" closable="true"
		  appendTo="@(body)" header="Cadastrar Novo Produto"> 	
  	
	 <link rel="stylesheet" type="text/css" href="./estilos.css"/>  
<h:form id="formDialogManterProduto" prependId="false">
<h:panelGroup id="pgDialogManterProduto">
 	<p:messages id="messagesVendaManterProduto" autoUpdate="true" closable="true" />  
    	<h:panelGrid id="pgVendaManterProduto" columns="2" style="margin-top:20px; margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Produto*" styleClass="outputLabel"/>             
            <p:inputText value="#{vendaBean.produto.idProduto}" styleClass="inputId" disabled="true"/>  
  			<p:inputText value="#{vendaBean.produto.descricao}"  styleClass="inputDescricao" maxlength="40"
  							required="true" requiredMessage="Preencher o nome do Produto!">
  				<f:ajax listener="#{vendaBean.ajaxGet}"/>
  			</p:inputText>  
        </h:panelGrid> 
        <h:panelGrid id="pgVendaProdutoMarca" columns="3" style="margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Marca*" styleClass="outputLabel"/>  
            <h:outputLabel />    
            <p:inputText value="#{vendaBean.produto.marca.idMarca}" style="width:80px" maxlength="5" >
            	<f:convertNumber type="number"/>
            	<p:ajax listener="#{vendaBean.onChangeMarca}" update="pgVendaProdutoMarca"/>
            </p:inputText>  
  			<p:inputText value="#{vendaBean.produto.marca.descricao}"  maxlength="40" completeMethod="#{vendaBean.completeMarca}">
  				<p:ajax listener="#{vendaBean.onChangeMarcaNull}" update="pgVendaProdutoMarca"/>
  			</p:inputText>
  			<p:commandButton icon="ui-icon-search" actionListener="#{vendaBean.openDialogConsultarMarca}" process="@this" ajax="true" immediate="true"/>
        </h:panelGrid>          
        <h:panelGrid columns="3" style="margin-right:10%;">  
            <h:outputLabel value="Peso(g)" styleClass="outputLabel"/>  
            <h:outputLabel value="Sabor" styleClass="outputLabel"/>  
            <h:outputLabel  value="Preço de Venda*" styleClass="outputLabel"/>
            <p:inputText value="#{vendaBean.produto.peso}" style="width:80px" maxlength="5">
            	<f:convertNumber type="number"/>
            	<f:ajax listener="#{vendaBean.ajaxGet}"/>
            </p:inputText>  
  			<p:inputText value="#{vendaBean.produto.sabor}" styleClass="inputDescricao" maxlength="40">
  				<f:ajax listener="#{vendaBean.ajaxGet}"/>
            </p:inputText>  
  			<p:inputText maxlength="10" value="#{vendaBean.produto.precoVenda}" styleClass="inputData" style="width:130px;" required="true" requiredMessage="Preencher o Preço de Venda!">
  				<f:convertNumber type="number"/>
  				<f:ajax listener="#{vendaBean.ajaxGet}"/>
            </p:inputText>    
        </h:panelGrid> 
    <p:commandButton value="Salvar" actionListener="#{vendaBean.saveProduto}" process="@this" update="pgDialogManterProduto"  /> 
	<p:commandButton value="Sair" actionListener="#{vendaBean.closeManterProduto}" process="@this" immediate="true" style="margin-right:20px;" /> 
</h:panelGroup>
</h:form>  	
<ui:include src="/view/venda/dialogConsultarMarca.xhtml"></ui:include>
</p:dialog>
